<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="keywords" />

    <title>孙小涵</title>
    <link rel="stylesheet" href="css/wzpy.css">
    <script type="text/javascript" src="jquery.js"></script>


    <script type="text/javascript">
        $(document).ready(function() {
            var box_h = $("#metro_box").height();
            var box_w = $("#metro_box").width();
            $("#metro_box").css("margin-top", (($(window).height() - box_h) / 2) - 20 + "px");
            var img_h = $(".arr_left img").height();
            var img_w = $(".arr_left img").width();
            $(".prev").css("position", "absolute").css("left", "10px").css("top", ($(window).height() - img_h) / 2);
            $(".next").css("position", "absolute").css("right", "10px").css("top", ($(window).height() - img_h) / 2);
            $(".a_link dd a").attr("target", "_blank");
            $(".a_link ul li>a").hover(function() {
                var a_href = $(this).attr("href");

                $(this).siblings().find("a").attr("href", a_href);
            });


            $(".nav a").click(function() {
                $(".nav a").attr("id", "");
                $(this).attr("id", "a_hover");
                $("#metro_box dl dt h1").text($(this).text());
                var index = $(this).index();
                $("#metro_box dd").hide();
                $("#metro_box dd").eq(index).toggle(100);
                if (index == 1) {
                    $("body").attr("class", "bg1");
                }
                switch (index) {
                    case 0:
                        $("body").attr("class", "");
                        $("#metro_box dl dt h1").css("color", "#fff");
                        break;
                    case 1:
                        $("body").attr("class", "bg1");
                        $("#metro_box dl dt h1").css("color", "#fff");
                        break;
                    case 2:
                        $("body").attr("class", "bg2");
                        $("#metro_box dl dt h1").css("color", "#fff");
                        break;
                    case 3:
                        $("body").attr("class", "bg3");
                        $("#metro_box dl dt h1").css("color", "#000");
                        break;
                    case 4:
                        $("body").attr("class", "bg4");
                        $("#metro_box dl dt h1").css("color", "#000");
                        break;
                    case 5:
                        $("body").attr("class", "bg5");
                        $("#metro_box dl dt h1").css("color", "#fff");
                        break;
                    default:
                        $("body").attr("class", "bg6");
                        $("#metro_box dl dt h1").css("color", "#fff");
                }
            });
        });
    </script>
</head>

<body>
    <div id="top">
        <dl>
            <dt><a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a>
    <a href=""></a><span>&nbsp;&nbsp;<a href=""></a>&nbsp;&nbsp;
    <a href=""></a>&nbsp;&nbsp;<script src=""></script>
</dt>
            <dd>
                <a href="#"></a>
                <a href="#"></a>
                <a href=""></a>
            </dd>
        </dl>
    </div>

    <div id="metro_box" class="a_link">

        <dl>
            <dt>
      <h1></h1>
      <div class="nav">
      <a id="a_hover"></a>
      <a style="height: 20px;">&#x3000;&#x3000;</a>
       <a style="height: 20px;">&#x3000;&#x3000;</a>
       <a style="height: 20px;">&#x3000;&#x3000;</a>
       <a style="height: 20px;">&#x3000;&#x3000;</a>
      <a style="height: 20px;">&#x3000;&#x3000;</a>
       <a style="height: 20px;">&#x3000;&#x3000;</a>
      <a href=""></a>
      </div>
    </dt>
            <dd style="display:bolck;">
                <!--名站导航-->
                <ul>
                    <li class="one" id="logo_001">
                        <a href="index/td.html">拖动</a></li>
                    <li id="logo_002">
                        <a href="index/qt/www/qiantuwang.html">千图网</a></li>
                    <li id="logo_003">
                        <a href="index/xiaomi/index.html">小米商城</a></li>
                    <li class="four" id="logo_004">
                        <a href=""></a>
                    </li>
                    <li class="one" id="logo_005">
                        <a href=""></a>
                    </li>
                    <li id="logo_006">
                        <a href=""></a>
                    </li>
                    <li id="logo_007">
                        <a href=""></a>
                    </li>
                    <li class="four" id="logo_008">
                        <a href=""></a>
                    </li>
                    <li class="one" id="logo_009">
                        <a href=""></a>
                    </li>
                    <li id="logo_010">
                        <a href=""></a>
                    </li>
                    <li id="logo_011">
                        <a href=""></a>
                    </li>
                    <li class="four" id="logo_012">
                        <a href=""></a>
                    </li>
                    <li class="one" id="logo_013">
                        <a href=""></a>
                    </li>
                    <li id="logo_014">
                        <a href=""></a>
                    </li>
                    <li id="logo_015">
                        <a href="m"></a>
                    </li>
                    <li class="four" id="logo_016">
                        <a href=""></a>
                    </li>
                </ul>
            </dd>

            <dd style="display:none;">

                <ul>
                    <li class="one" id="logo_001">
                        <a href=""></a></li>
                    <li id="logo_002">
                        <a href=""></a></li>
                    <li id="logo_003">
                        <a href=""></a></li>
                    <li class="four" id="logo_004">
                        <a href=""></a></li>
                    <li class="one" id="logo_005">
                        <a href=""></a></li>
                    <li id="logo_006">
                        <a href=""></a></li>
                    <li id="logo_007">
                        <a href=""></a></li>
                    <li class="four" id="logo_008">
                        <a href=""></a></li>
                    <li class="one" id="logo_009">
                        <a href=""></a></li>
                    <li id="logo_010">
                        <a href=""></a></li>
                    <li id="logo_011">
                        <a href=""></a></li>
                    <li class="four" id="logo_012">
                        <a href=""></a></li>
                    <li class="one" id="logo_013">
                        <a href=""></a></li>
                    <li id="logo_014">
                        <a href=""></a></li>
                    <li id="logo_015">
                        <a href=""></a></li>
                    <li class="four" id="logo_016">
                        <a href=""></a></li>
                </ul>
            </dd>
            <dd style="display:none;">

                <ul>
                    <li class="one" id="logo_001">
                        <a href=""></a></li>
                    <li id="logo_002">
                        <a href=""></a></li>
                    <li id="logo_003">
                        <a href=""></a></li>
                    <li class="four" id="logo_004">
                        <a href=""></a></li>
                    <li class="one" id="logo_005">
                        <a href=""></a></li>
                    <li id="logo_006">
                        <a href=""></a></li>
                    <li id="logo_007">
                        <a href=""></a></li>
                    <li class="four" id="logo_008">
                        <a href=""></a></li>
                    <li class="one" id="logo_009">
                        <a href=""></a></li>
                    <li id="logo_010">
                        <a href=""></a></li>
                    <li id="logo_011">
                        <a href=""></a></li>
                    <li class="four" id="logo_012">
                        <a href=""></a></li>
                    <li class="one" id="logo_014a">
                        <a href=""></a></li>
                    <li id="logo_014">
                        <a href=""></a></li>
                    <li id="logo_015">
                        <a href=""></a></li>
                    <li class="four" id="logo_016">
                        <a href=""></a></li>
                </ul>
            </dd>
            <dd style="display:none;">
                <!--购物淘宝-->
                <ul>
                    <li class="one" id="logo_001">
                        <a href=""></a></li>
                    <li id="logo_002">
                        <a href=""></a></li>
                    <li id="logo_003">
                        <a href=""></a></li>
                    <li class="four" id="logo_004">
                        <a href=""></a></li>
                    <li class="one" id="logo_005">
                        <a href=""></a></li>
                    <li id="logo_006">
                        <a href=""></a></li>
                    <li id="logo_007">
                        <a href=""></a></li>
                    <li class="four" id="logo_008">
                        <a href=""></a></li>
                    <li class="one" id="logo_009">
                        <a href=""></a></li>
                    <li id="logo_010">
                        <a href=""></a></li>
                    <li id="logo_011">
                        <a href=""></a></li>
                    <li class="four" id="logo_012">
                        <a href=""></a></li>
                    <li class="one" id="logo_013a">
                        <a href=""></a></li>
                    <li id="logo_014a">
                        <a href=""></a></li>
                    <li id="logo_015a">
                        <a href=""></a></li>
                    <li class="four" id="logo_016">
                        <a href=""></a></li>
                </ul>
            </dd>
            <dd style="display:none;">
                <!--游戏娱乐-->
                <ul>
                    <li class="one" id="logo_001">
                        <a href=""></a></li>
                    <li id="logo_002">
                        <a href=""></a></li>
                    <li id="logo_003">
                        <a href=""></a></li>
                    <li class="four" id="logo_004">
                        <a href=""></a></li>
                    <li class="one" id="logo_005">
                        <a href=""></a></li>
                    <li id="logo_006">
                        <a href=""></a></li>
                    <li id="logo_007">
                        <a href=""></a></li>
                    <li class="four" id="logo_008">
                        <a href=""></a></li>
                    <li class="one" id="logo_009">
                        <a href=""></a></li>
                    <li id="logo_010">
                        <a href=""></a></li>
                    <li id="logo_011">
                        <a href=""></a></li>
                    <li class="four" id="logo_012">
                        <a href=""></a></li>
                    <li class="one" id="logo_013a">
                        <a href=""></a></li>
                    <li id="logo_014a">
                        <a href=""></a></li>
                    <li id="logo_015a">
                        <a href=""></a></li>
                    <li class="four" id="logo_016">
                        <a href=""></a></li>
                </ul>
            </dd>
            <dd style="display:none;">
                <!--实用工具-->
                <ul>
                    <li class="one" id="logo_001">
                        <a href=""></a></li>
                    <li id="logo_002">
                        <a href=""></a></li>
                    <li id="logo_003">
                        <a href=""></a></li>
                    <li class="four" id="logo_004">
                        <a href=""></a></li>
                    <li class="one" id="logo_005">
                        <a href=""></a></li>
                    <li id="logo_006">
                        <a href=""></a></li>
                    <li id="logo_007">
                        <a href=""></a></li>
                    <li class="four" id="logo_008">
                        <a href=""></a></li>
                    <li class="one" id="logo_009">
                        <a href=""></a></li>
                    <li id="logo_010">
                        <a href=""></a></li>
                    <li id="logo_011">
                        <a href=""></a></li>
                    <li class="four" id="logo_012">
                        <a href=""></a></li>
                    <li class="one" id="logo_013a">
                        <a href=""></a></li>
                    <li id="logo_014a">
                        <a href=""></a></li>
                    <li id="logo_015a">
                        <a href=""></a></li>
                    <li class="four" id="logo_016">
                        <a href=""></a></li>
                </ul>
            </dd>
            <dd style="display:none;">
                <!--影视资源-->
                <ul>
                    <li class="one" id="logo_001">
                        <a href=""></a></li>
                    <li id="logo_002">
                        <a href=""></a></li>
                    <li id="logo_003">
                        <a href=""></a></li>
                    <li class="four" id="logo_004">
                        <a href=""></a></li>
                    <li class="one" id="logo_005">
                        <a href=""></a></li>
                    <li id="logo_006">
                        <a href=""></a></li>
                    <li id="logo_007">
                        <a href=""></a></li>
                    <li class="four" id="logo_008">
                        <a href=""></a></li>
                    <li class="one" id="logo_009">
                        <a href=""></a></li>
                    <li id="logo_010">
                        <a href=""></a></li>
                    <li id="logo_011">
                        <a href=""></a></li>
                    <li class="four" id="logo_012">
                        <a href=""></a></li>
                    <li class="one" id="logo_013a">
                        <a href=""></a></li>
                    <li id="logo_014a">
                        <a href=""></a></li>
                    <li id="logo_015a">
                        <a href=""></a></li>
                    <li class="four" id="logo_016">
                        <a href=""></a></li>
                </ul>
            </dd>
        </dl>


    </div>

    <div class="prev">
        <div class="next">
            <script type="text/javascript" id="bdshare_js" data="type=slide&amp;img=0&amp;uid=681120"></script>
            <script type="text/javascript" id="bdshell_js"></script>
            <script type="text/javascript">
                document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
            </script>

            </span>

</body>

</html>